<!DOCTYPE html>
<html ng-app="app">
	<head>
		<meta charset="UTF-8">
		<script src="src/js/commojs/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<!--引入自身js，css、-->
		<script src="src/js/shopCarJs/shopCar.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="src/css/shopCar/shopCar.css"/>
		<!--引入icon字体-->
		<link rel="stylesheet" type="text/css" href="src/js/font-awesome-4.6.3/css/font-awesome.css"/>
		
		<!--引入cookie-->
		<script src="src/js/cookiejs/cookie.js" type="text/javascript" charset="utf-8"></script>
		
		<!--引入angular-->
		<script src="src/js/angular-js/angular.min.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<div class="head-bg">
			<div class="w980">
				<div class="nav">
					<span><span class="username">您好</span>，欢迎来到名鞋库</span>
					<span class="login"><a href="">请登录</a></span>
					<span class="zhuce"><a href="#">免费注册</a></span>
					<ul>
						<li><a href="#">我的订单</a></li>
						<li><a href="#">我的名鞋库<i class="fa fa-sort-down"></i></a></li>
						<li><a href="#">帮助中心<i class="fa fa-sort-down"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="bg-fff">
			<div class="w980">
				<div class="top-logo">
					<img src="src/img/shopCar/top.png"/>
				</div>
				<div class="clear20"></div>
				<div class="car-box">
						<!--没有购物时候显示empty-->
					<div class="car-empty">
						<span id="no-goods">
							<i class="fa fa-shopping-cart"></i>
							您还没有挑选商品,<a href="index.html">返回首页</a>
						</span>
					</div>
					
					<!--购物清单-->
					<div class="container" ng-controller="firstController">
						<table class="table" width="100%">
							<colgroup> 
								<col class="span-156">
								<col class="span-156">
								<col> 
								<col class="span-156">
								<col class="span-156"> 
								<col class="span-156">
								<col class="span-156">
								<col class="span-156">  
							</colgroup> 
							<thead>
								<tr>
									<th></th>
									<th></th>
									<th>商品信息</th> 
									<th>销售价格</th>
									<th>数量</th> 
									<th>折扣/优惠</th> 
									<th>小计</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="item in Product">
									<td>
										<input type="checkbox" id="checkk" ng-click="check($index)" />
									</td>
									<td>
										<span class="pic cart-product-img">
											<a href="#" target="_blank">
											<img src= {{item.src}}/>	    <!--图片放入--> 	
											</a> 
										</span>
									</td>
									<td><a href=""></a>{{item.title}}</td>
									<td>{{item.price}}</td>
									<td>
										<button type="button" class="btn reduce" ng-click="reduce($index)">-</button>
										<input type="text" class="goods-num" value="" placeholder="" ng-model="item.quantity">
										<button type="button" class="btn add" ng-click="add($index)">+</button>
									</td>
									<td>￥{{item.price}}</td>
									<td class="sbb">￥{{item.quantity*item.price}}</td>
									<td>
										<button type="button" class="btn btn-clear" ng-click="remove($index)">删除</button>
									</td>
								</tr>
								<tr>
									<td>
										<input type="checkbox" id="all-check" ng-click="allcheck($index)" />
									</td>
									<td colspan="4">
										<span class="end-total">总购买数：<span id="goods-num">{{totalQuantity()}}</span>
										总价格：<span id="totalprice2">{{totalPrice()}}</span>元
										</span>
									</td>
									<td id="sum">
										结算价格：
									</td>
									<td></td>
									<td>
										<button type="button" class="btn btn-danger cleacar" ng-click="removeall()">清空购物车</button>
										
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					
				</div>
			</div>
			<!--页脚-->
			<div class="clear10"></div>
			<div class="w980">
				<div class="foot" style="border-top:2px solid #CE3C3B;background:none"> 
					<div class="row02 c777">
						<span> 
							<a target="_blank" href="#">关于名鞋库</a>
							<a target="_blank" href="#">联系名鞋库</a>
							<a target="_blank" href="#">人才招聘</a>
							<a target="_blank" href="#">免责条款</a>
							<a target="_blank" href="#">法律声明</a>
							<a target="_blank" href="#">客户留言</a>
							<a target="_blank" href="#">意见反馈</a>
							<a target="_blank" href="#">全部分类</a>
							<a target="_blank" href="#">友情链接</a>
							<a target="_blank" href="#">鞋子尺码对照表</a>
							<a target="_blank" href="#">问答</a>
							<a target="_blank" href="#">咨询</a>
							<a target="_blank" href="#">评论</a>
							<a target="_blank" href="#">主题</a>
							<a target="_blank" href="#">鞋子品牌大全</a>
							<a target="_blank" href="#">商品大全</a>
						</span> 
					<div class="clear10"> </div> 
						Copyright©2008-2014 <i>s.cn </i> 
						All Rights Reserved.
						<a href="#">闽ICP备08106896号 </a>
						经营许可证闽B2-20110061
					</div> 
				</div>
			</div>
		</div>
	</body>
</html>
